@extends('mobile.layout')

@section('style')
    @parent
    <link rel="stylesheet" type="text/css" href="{{ asset('static/mobile/css/news.css') }}?v={{ app('cache.config')->get('asset_version') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('static/mobile/css/pagination.css') }}?v={{ app('cache.config')->get('asset_version') }}"/>
@stop


@section('content')
    <div class="container clearfix">
        <div class="page-heading">
            <h1 class="page-title">ILIA資訊</h1>
            <ul class="breadcrumb">
                <li><a href="/">首頁</a></li>
                <li><a href="{{ url()->current() }}">ILIA資訊</a></li>
            </ul>
        </div>
        <div class="main clearfix">
            <div>
                @foreach($news as $item)
                    <div class="news clearfix">
                        <a href="{{ url('news/'.$item->id) }}" title="{{ $item->title }}"><img class="news-img" src="{{ asset('uploads/'.$item->img) }}" alt="{{ $item->img_alt?:$item->title }}"></a>
                        <div class="desc">
                            <div class="news-text">
                                <p class="news-title"><a href="{{ url('news/'.$item->id) }}" title="{{ $item->title }}">{{ $item->title }}</a></p>
                                <p class="news-tips">{{ \Illuminate\Support\Str::limit($item->brief?$item->brief:strip_tags($item->content),180) }}</p>
                            </div>

                        </div>
                    </div>
                @endforeach
            </div>
            <div class="page">
                {{ $news->links() }}
            </div>
        </div>

    </div>
@endsection
